<script setup lang="ts">
import { onMounted, ref } from "vue";
import { NextLoading } from '@/utils/loading'

import $time from "@/utils/time";
const time = ref($time.getCurrentDate());
onMounted(() => {
  setInterval(()=>{
    NextLoading.start();
  },40000)
});
</script>

<template>
 <div>
  <button
    class="btn px-4 py-1 text-sm text-purple-600 font-semibold rounded-full border border-purple-200 hover:(text-white bg-purple-600 border-transparent) focus:(outline-none ring-2 ring-purple-600 ring-offset-2)"
  >
    Message
  </button>
  <p>{{ time }}</p>
  <el-button type="primary">Primary</el-button>
 </div>
</template>

<style scoped></style>
